<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/information.css">
  <meta name="description" content="">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">
  <meta property="og:image:alt" content="">

  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" href="/icon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="icon.png">

  <link rel="manifest" href="site.webmanifest">
  <meta name="theme-color" content="#fafafa">


</head>
<body>

<div class="AllDiv">
  <!---顶部菜单栏（固定位置和高度：100px）--->
  <div class="TopNavigation">
    <div id="toplogo">XianCai</div>
  </div>

  <!---内容区外壳（自适应铺满高度）--->
  <div class="BodyContentSurface">
    <!---内容区--->
    <div class="BodyContent">
      <!---左侧导航栏（固定位置和宽度：200px）--->
      <div class="LeftNavigationSurface">
        <div class="left1">
          <!--          LeftNavigationSurface-->
          <a href="index.html"><div class="left-bq">首页</div></a>
        </div>
        <div class="left">
          <!--          LeftNavigationSurface-->
          <a href="information.html"><div class="left-bq">消息</div></a>
        </div>
        <div class="left">
          <!--          LeftNavigationSurface-->
          <a href="index3.html"><div class="left-bq">个人</div></a>
        </div>

      </div>
      <!---右侧内容区（自适应铺满宽度）--->
      <div class="RightContentSurface">
        <!---右侧内容区--->

        <div class="mid-box">
          <div class="mid1">
            <div class="mid1-1">
              <h1>消息</h1>
              <img src="img/html-img/小白菜.png" />
            </div>
            <a class="mid1-x">
              <img src="img/html-img/201.png" />
              <h1>林</h1>
            </a>
            <a class="mid1-x">
              <img src="img/html-img/18.png" />
              <h1>呆</h1>
            </a>
            <a class="mid1-x">
              <img src="img/html-img/19.png" />
              <h1>大</h1>
            </a>
            <a class="mid1-x">
              <img src="img/html-img/12.png" />
              <h1>二</h1>
            </a>
          </div>
          <div class="mid2">
            <div class="mid2-chatinformation">
              <div class="tubiao">
                <h1>

                </h1>
                <img src="img/html-img/11.png" />
              </div>
              <a class="tubiao2">
                <img src="img/html-img/店铺 (4).png"/>
                <h1>店铺</h1>
              </a>
            </div>
            <div class="chatcontent">
              <ol  class="ulbox"></ol>
            </div>
            <div class="fs">
              <textarea class=chatk placeholder="请输入你想要发送的内容"></textarea>
              <button class="sub">发送</button>
            </div>
          </div>
        </div>


      </div>
    </div>
  </div>
</div>

</body>

</html>
<script src="js/information.js"></script>
